<template>
    <div class="mediaNavBody">
        <section class="mediaNavChannel">
            <div class="mediaNavTitle">
                媒体渠道
            </div>
            <ul>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
                <el-checkbox v-model="checked">全部(4695)</el-checkbox>
            </ul>
        </section>
        <section class="mediaNavTime">
            <div class="mediaNavTitle">
                入库时间
            </div>
        </section>
        <section class="mediaNavAttribute">
            <div class="mediaNavTitle">
                情感属性
            </div>
        </section>
        <section class="mediaNavMore">
            <div class="mediaNavTitle">
                展开
            </div>
        </section>
    </div>
</template>

<script>
    export default {
        name: "MediaNav",
        data(){
            return{
                checked: true
            }
        }
    }
</script>

<style scoped>
    ul,li{
        text-decoration: none;
        list-style: none;
    }
    .mediaNavBody{
        padding:20px 30px;
        box-sizing: border-box;
        width: 100%;
        background-color: white;
    }
    .mediaNavTime,
    .mediaNavAttribute,
    .mediaNavMore{
        width: 100%;
        margin-top: 20px;
    }
    .mediaNavChannel,
    .mediaNavTime,
    .mediaNavAttribute,
    .mediaNavMore{
        display: flex;
    }
</style>